<template>
  <div class="login-container">
    <!-- bounceInDown -->
    <div class="login-weaper  animated">
      <div class="login-border">
        <userLogin v-if="activeName==='user'"></userLogin>
      </div>
    </div>
    <!-- <div class="foot">
      <div class="wrap">
        <p>
          Copyright 2020-2022 | 华夏好为科技有限公司 | All Rights Reserved V.1.0
        </p>
        <p><a href="http://beian.miit.gov.cn/">京ICP备2021003190号-2</a></p>
      </div>
    </div> -->
  </div>
</template>
<script>
  import '@/styles/login.scss'
  import userLogin from "./userlogin";
  import {mapGetters} from "vuex";
  export default {
    name: "login",
    components: {
      userLogin
    },
    data() {
      return {
        activeName: "user"
      };
    },
    watch: {},
    created() {
    },
    mounted() {
    },
    computed: {
      ...mapGetters(["website"])
    },
    props: [],
    methods: {}
  };
</script>
<style lang="less">
  .login-container {
    background-image: url('/img/logImg.jpg');
    animation: none;
    background-size: 100% auto;
  }
  .login-form {
    .el-form-item__content {
      margin-left: 55px!important;
    }
  }
</style>
